<script setup lang="ts">
import usePageStore from "@/store/modules/usePageStore";
const pageStore = usePageStore();
</script>

<template>
  <router-view v-slot="{ Component }">
    <transition
      mode="out-in"
      appear
      :enter-active-class="`animate__animated animate__fast animate__${$route.meta.transition?.enter}`"
      :leave-active-class="`animate__animated animate__fast animate__${$route.meta.transition?.leave}`"
    >
      <keep-alive :include="pageStore.getCachePages">
        <component :is="Component" />
      </keep-alive>
    </transition>
  </router-view>
</template>

<style lang="scss"></style>
